[꼭대기 에]      은행 MIS 시스템 프론트 개발 총화(1)

이번에 선생님 을 도와 은행 의 포인트 시스템 을 만 들 었 습 니 다.저 는 주로 프론트 데스크 의 페이지 개발 을 맡 았 고 Html 과 jquery 를 사 용 했 습 니 다.jquery 를 사용 할 때 easyui 와 datatable 등 컨트롤 도 사 용 했 습 니 다.처음으로 자신 이 독학 한 것 을 실천 에 사 용 했 지만 얻 은 것 이 있 습 니 다.현재 기록 은 다음 과 같 습 니 다.
      주로 JQuery 의 세부 적 인 주의 문제,easyui 가 사용 할 때 문제,datatable 에서 사용 하 는 문제 와 json 데이터 형식 전송 으로 나 뉜 다.
      먼저 JQuery 와 페이지 디자인 의 디 테 일 을 쓰 세 요.
      우리 가 개발 할 때 먼저 mockups 로 초 도 를 그린 다음 에 html 페이지 를 구체 적 으로 썼 습 니 다.좋 은 응답 속 도 를 원 하기 때문에 jsp 페이지 로 계속 전환 하지 않 았 기 때문에 스스로 js 코드 를 써 서 데이터 전송 을 실현 합 니 다.
      Html 의 일부 디 테 일:지금 은 table 로 인터페이스 레이아웃 을 설정 하 는 것 이 유행 하지 않 는 것 같 습 니 다.모두 div 로 구체 적 인 input,select,label,a 를 감 싼 다음 에 div 의 id,class 를 통 해 css 를 조정 하 는 것 이 습관 입 니 다.css 는 모두 class 속성 으로 요 소 를 얻 은 다음 에 요소 속성 을 계속 얻 는 것 입 니 다.
      easyui 를 사 용 했 기 때문에 css 스타일 을 많이 가지 고 있 기 때문에 class='easyui-linkbutton'을 설정 하면 하이퍼링크 를 위 한 것 입 니 다.
      그 다음 에 제 가 습관 적 으로 js 코드 를 쓰 는 것 은 모두 독립 된 파일 을 통 해 html 페이지 와 같은 이름 의 js 파일 을 설정 합 니 다.이 페이지 에 대한 js 코드 를 쓰 고 html 를 참조 하면 됩 니 다.my eclipse 를 사용 하여 코드 를 작성 하면 ctrl+마 우 스 를 누 르 고 구체 적 인 함수 나 하이퍼링크 로 이동 할 수 있 습 니 다.두 번 누 르 고 누 르 면 구체 적 인 함 수 를 찾 을 수 있 습 니 다.또는 js 파일 은 링크 가 잘못 되 지 않 았 음 을 설명 합 니 다.일부 함수 이름,js 참조 오류 가 발생 하 는 것 을 방지 할 수 있 습 니 다.
     다음은 구체 적 인 js 코드 를 말씀 드 리 겠 습 니 다.

1 var XX = $('#id').val();//        value  2 var XX = $('#id').attr('value');//        3 $('#id').attr("checked", true);   //  checkbox     4 $('#id').attr("disabled", false);//  input    

위의 몇 개 는 가장 간단 한 원소 속성 을 얻 은 다음 에 easyui 에 적용 되 는 몇 개 를 줍 니 다.

var productid = $('#productId').combobox('getValue'); //easyui  combobox       .combobox('getValue') $('#productId').combobox('setValue','12'); //     easyui  combobox   var startDate2 = $("#startdate2").datebox("getValue"); //easyui  databox， combobox

databox 를 언급 하면 말 하지 않 을 수 없습니다.외국 의 날짜 형식 이 표시 되 기 때 문 입 니 다.우리 의 날짜 형식 으로 표시 하려 면 easyui/locale/easyui-lang-zh 를 호출 하 십시오.CN.js 면 됩 니 다.처음에 여러 가지 방법 을 시 도 했 는데 인터넷 에서 찾 았 습 니 다.외국 에서 생각 하 는 것 은 전면적 이 었 습 니 다.
   다음은 js 의 변수 문 제 를 말씀 드 리 겠 습 니 다.면접 문제 가 많 았 습 니 다.코드 를 보 세 요.

 data =1; function check(){     var data = 2;     alert(data);     test(); } function test(){     alert(data); }

2,1 로 나 타 났 습 니 다.

1 var data =1; 2 function check(){ 3     var data = 2; 4     alert(data); 5     test(); 6 } 7 function test(){ 8     alert(data); 9 }

2,1 로 나 타 났 습 니 다.

1 var data =1; 2 function check(){ 3     data = 2; 4     alert(data); 5     test(); 6 } 7 function test(){ 8     alert(data); 9 }

2,2 로 나 타 났 습 니 다.
     사실은 쉽게 구분 할 수 있 습 니 다.함수 단락 을 제외 하고 var 로 설명 한 변 수 는 부분 변수 이 고 다른 것 은 모두 전체 변수 입 니 다.
     자,다음은 제 습관 을 말씀 드 리 겠 습 니 다.js 코드 는 모두'작은 따옴표 로 ID,class 를 참조 합 니 다.만약 에 페이지 를 불 러 올 때 함수 가 필요 하 다 면...

$(document).ready(function(){  });

     다음은 JQuery 의 ajax 함수 만 있 습 니 다.아주 좋 습 니 다.편리 합 니 다.
 

$.ajax({         url:'XXXX.action',//replace with real dealing action         type: 'post',         data: "submitData=" + sendData,         async: false,         datatype:'json',         success: function(data){                                 } });

우리 가 사용 하 는 것 은 모두 제 이 슨 전송 데이터 형식 이다.
      거의 다 르 지 않 습 니 다.다음 글 에서 다른 것 을 다시 이야기 하 세 요.뭔 가 빠 뜨 렸 을 수도 있 습 니 다.다시 보충 하 세 요.